.article-date,
.article-category-link,
.archive-year,
.widget-title {
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #999;
    margin-bottom: 1em;
    margin-left: 5px;
    line-height: 1em;
    text-shadow: 0 1px #fff;
    font-weight: bold;
}

.article-inner,
.archive-article-inner {
    background: #fff;
    // -webkit-box-shadow: 1px 2px 3px #ddd;
    // box-shadow: 1px 2px 3px #ddd;
    // border: 1px solid #ddd;
    border-radius: 3px;
}

.article-entry h1,
.widget h1 {
    font-size: 2em;
}

.article-entry h2,
.widget h2 {
    font-size: 1.5em;
}

.article-entry h3,
.widget h3 {
    font-size: 1.3em;
}

.article-entry h4,
.widget h4 {
    font-size: 1.2em;
}

.article-entry h5,
.widget h5 {
    font-size: 1em;
}

.article-entry h6,
.widget h6 {
    font-size: 1em;
    color: #999;
}

.article-entry hr,
.widget hr {
    border: 1px dashed #ddd;
}

.article-entry strong,
.widget strong {
    font-weight: bold;
}

.article-entry em,
.widget em,
.article-entry cite,
.widget cite {
    font-style: italic;
}

.article-entry sup,
.widget sup,
.article-entry sub,
.widget sub {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.article-entry sup,
.widget sup {
    top: -0.5em;
}

.article-entry sub,
.widget sub {
    bottom: -0.2em;
}

.article-entry small,
.widget small {
    font-size: 0.85em;
}

.article-entry acronym,
.widget acronym,
.article-entry abbr,
.widget abbr {
    border-bottom: 1px dotted;
}

.article-entry ul,
.widget ul,
.article-entry ol,
.widget ol,
.article-entry dl,
.widget dl {
    margin: 0 20px;
    line-height: 1.6em;
}

.article-entry ul ul,
.widget ul ul,
.article-entry ol ul,
.widget ol ul,
.article-entry ul ol,
.widget ul ol,
.article-entry ol ol,
.widget ol ol {
    margin-top: 0;
    margin-bottom: 0;
}

.article-entry ul,
.widget ul {
    list-style: disc;
}

.article-entry ol,
.widget ol {
    list-style: decimal;
}

.article-entry dt,
.widget dt {
    font-weight: bold;
}

.article {
    margin: 0;
    font-size: 1.6em;
    font: 1.6em -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif;
    -webkit-text-size-adjust: 100%;
}

.article-inner {
    overflow: hidden;
}

.article-meta:before,
.article-meta:after {
    content: "";
    display: table;
}

.article-meta:after {
    clear: both;
}

.article-date {
    float: left;
}

.article-category {
    float: left;
    line-height: 1em;
    color: #ccc;
    text-shadow: 0 1px #fff;
    margin-left: 8px;
}

.article-category:before {
    content: "\2022";
}

.article-category-link {
    margin: 0 12px 1em;
}

.article-header {
    padding: 20px 20px 0;
}

.article-title {
    text-decoration: none;
    font-size: 2em;
    font-weight: bold;
    color: #555;
    line-height: 1.1em;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s;
}

a.article-title:hover {
    color: #258fb8;
}

.article-entry {
    color: #555;
    padding: 0 20px;
}

.article-entry:before,
.article-entry:after {
    content: "";
    display: table;
}

.article-entry:after {
    clear: both;
}

.article-entry p,
.article-entry table {
    line-height: 1.6em;
    margin: 1.6em 0;
}

.article-entry h1,
.article-entry h2,
.article-entry h3,
.article-entry h4,
.article-entry h5,
.article-entry h6 {
    font-weight: bold;
}

.article-entry h1,
.article-entry h2,
.article-entry h3,
.article-entry h4,
.article-entry h5,
.article-entry h6 {
    line-height: 1.1em;
    margin: 1.1em 0;
}

.article-entry a {
    color: #258fb8;
    text-decoration: none;
}

.article-entry a:hover {
    text-decoration: underline;
}

.article-entry ul,
.article-entry ol,
.article-entry dl {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
}

.article-entry img,
.article-entry video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

.article-entry iframe {
    border: none;
}

.article-entry table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.article-entry th {
    font-weight: bold;
    border-bottom: 3px solid #ddd;
    padding-bottom: 0.5em;
}

.article-entry td {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.article-entry blockquote {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.4em;
    margin: 1.6em 20px;
    text-align: center;
}

.article-entry blockquote footer {
    font-size: 14px;
    margin: 1.6em 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.article-entry blockquote footer cite:before {
    content: "—";
    padding: 0 0.5em;
}

.article-entry .pullquote {
    text-align: left;
    width: 45%;
    margin: 0;
}

.article-entry .pullquote.left {
    margin-left: 0.5em;
    margin-right: 1em;
}

.article-entry .pullquote.right {
    margin-right: 0.5em;
    margin-left: 1em;
}

.article-entry .caption {
    color: #999;
    display: block;
    font-size: 0.9em;
    margin-top: 0.5em;
    position: relative;
    text-align: center;
}

.article-entry .video-container {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
}

.article-entry .video-container iframe,
.article-entry .video-container object,
.article-entry .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
}

.article-more-link a {
    display: inline-block;
    line-height: 1em;
    padding: 6px 15px;
    border-radius: 15px;
    background: #eee;
    color: #999;
    text-shadow: 0 1px #fff;
    text-decoration: none;
}

.article-more-link a:hover {
    background: #258fb8;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px #1e7293;
}

.article-footer {
    font-size: 0.85em;
    line-height: 1.6em;
    border-top: 1px solid #ddd;
    padding-top: 1.6em;
    margin: 0 20px 20px;
}

.article-footer:before,
.article-footer:after {
    content: "";
    display: table;
}

.article-footer:after {
    clear: both;
}

.article-footer a {
    color: #999;
    text-decoration: none;
}

.article-footer a:hover {
    color: #555;
}

.article-tag-list-item {
    float: left;
    margin-right: 10px;
}

.article-tag-list-link:before {
    content: "#";
}

.article-comment-link {
    float: right;
}

.article-comment-link:before {
    content: "\f075";
    font-family: FontAwesome;
    padding-right: 8px;
}

.article-share-link {
    cursor: pointer;
    float: right;
    margin-left: 20px;
}

.article-share-link:before {
    content: "\f064";
    font-family: FontAwesome;
    padding-right: 6px;
}


.article-nav-link-wrap {
    text-decoration: none;
    text-shadow: 0 1px #fff;
    color: #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 50px;
    text-align: center;
    display: block;
}

.article-nav-link-wrap:hover {
    color: #555;
}


.article-entry pre,
.article-entry .highlight {
    background: #2d2d2d;
    margin: 0 -20px;
    padding: 15px 20px;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 0;
    overflow: auto;
    color: #ccc;
    line-height: 22.400000000000002px;
}

.article-entry .highlight .gutter pre,
.article-entry .gist .gist-file .gist-data .line-numbers {
    color: #666;
    font-size: 0.85em;
}

.article-entry pre,
.article-entry code {
    font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
}

.article-entry code {
    background: #eee;
    text-shadow: 0 1px #fff;
    padding: 0 0.3em;
}

.article-entry pre code {
    background: none;
    text-shadow: none;
    padding: 0;
}

.article-entry .highlight pre {
    border: none;
    margin: 0;
    padding: 0;
}

.article-entry .highlight table {
    margin: 0;
    width: auto;
}

.article-entry .highlight td {
    border: none;
    padding: 0;
}

.article-entry .highlight figcaption {
    font-size: 0.85em;
    color: #999;
    line-height: 1em;
    margin-bottom: 1em;
}

.article-entry .highlight figcaption:before,
.article-entry .highlight figcaption:after {
    content: "";
    display: table;
}

.article-entry .highlight figcaption:after {
    clear: both;
}

.article-entry .highlight figcaption a {
    float: right;
}

.article-entry .highlight .gutter pre {
    text-align: right;
    padding-right: 20px;
}

.article-entry .highlight .line {
    height: 22.400000000000002px;
}

.article-entry .highlight .line.marked {
    background: #515151;
}

.article-entry .gist {
    margin: 0 -20px;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px 0;
    background: #2d2d2d;
    padding: 15px 20px 15px 0;
}

.article-entry .gist .gist-file {
    border: none;
    font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
    margin: 0;
}

.article-entry .gist .gist-file .gist-data {
    background: none;
    border: none;
}

.article-entry .gist .gist-file .gist-data .line-numbers {
    background: none;
    border: none;
    padding: 0 20px 0 0;
}

.article-entry .gist .gist-file .gist-data .line-data {
    padding: 0 !important;
}

.article-entry .gist .gist-file .highlight {
    margin: 0;
    padding: 0;
    border: none;
}

.article-entry .gist .gist-file .gist-meta {
    background: #2d2d2d;
    color: #999;
    font: 0.85em -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    text-shadow: 0 0;
    padding: 0;
    margin-top: 1em;
    margin-left: 20px;
}

.article-entry .gist .gist-file .gist-meta a {
    color: #258fb8;
    font-weight: normal;
}

.article-entry .gist .gist-file .gist-meta a:hover {
    text-decoration: underline;
}

pre .comment,
pre .title {
    color: #999;
}

pre .variable,
pre .attribute,
pre .tag,
pre .regexp,
pre .ruby .constant,
pre .xml .tag .title,
pre .xml .pi,
pre .xml .doctype,
pre .html .doctype,
pre .css .id,
pre .css .class,
pre .css .pseudo {
    color: #f2777a;
}

pre .number,
pre .preprocessor,
pre .built_in,
pre .literal,
pre .params,
pre .constant {
    color: #f99157;
}

pre .class,
pre .ruby .class .title,
pre .css .rules .attribute {
    color: #9c9;
}

pre .string,
pre .value,
pre .inheritance,
pre .header,
pre .ruby .symbol,
pre .xml .cdata {
    color: #9c9;
}

pre .css .hexcolor {
    color: #6cc;
}

pre .function,
pre .python .decorator,
pre .python .title,
pre .ruby .function .title,
pre .ruby .title .keyword,
pre .perl .sub,
pre .javascript .title,
pre .coffeescript .title {
    color: #69c;
}

pre .keyword,
pre .javascript .function {
    color: #c9c;
}